<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <script src="js/jquery-1.12.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
    <div class="well">
        <div class="dropdown">
            <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="dp">更多
                <span class="glyphicon glyphicon-triangle-bottom"></span>
            </button>
            <div class="dropdown-menu " aria-labelledby="#dp">
                <li class=""><a href="#">新闻</a> </li>
                <li><a href="#">新闻</a> </li>
                <li><a href="#">新闻</a> </li>
                <li><a href="#">新闻</a> </li>
            </div>
        </div>
    </div>
    <div class="well">
        <div class="btn-group">
            <div class="btn btn-danger">上一页</div>
            <div class="btn btn-danger">下一页</div>

        </div>
    </div>
    <div class="well">
        <div class="input-group">
            <span class="input-group-addon">姓名</span> <input class="form-control">
        </div>
        <div class="input-group">
            <span class="input-group-addon glyphicon glyphicon-user"></span> <input class="form-control">
        </div>
        <div class="input-group">
           <input class="form-control"> <span class="input-group-addon">.00</span>
        </div>
    </div>
    <div class="well">
        <div class="nav nav-pills">
            <li class="active"><a href="#">首页</a> </li>
            <li><a href="#">首页</a> </li>
            <li><a href="#">首页</a> </li>
            <li><a href="#">首页</a> </li>
        </div>
    </div>
    <div class="well">
        <div class="navbar navbar-inverse">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">首页</a>
                <button class="navbar-toggle"  data-toggle="collapse"  data-target="#colnav">
                    <span class=icon-bar></span>
                    <span class=icon-bar></span>
                    <span class=icon-bar></span>
                </button>

            </div>
            <div class="collapse navbar-collapse" id="colnav">
                <ul class="nav navbar-nav">
                    <li><a href="#">导航1</a> </li>
                    <li><a href="#">导航1</a> </li>
                    <li><a href="#">导航1</a> </li>
                    <li><a href="#">导航1</a> </li>
                    <li><form class="navbar-form"><input><input type="button" value="搜索"> </form></li>
                </ul>
            </div>

        </div>
    </div>
</body>
</html>